@import './variables.scss';
@import './mixin.scss';

html,
body .app {
  color: #333333;
  font-family: Arial, Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, sans-serif;
  background-color: $background-color;
}

.app-container {
  // padding-bottom: 100px;
}
*{
  box-sizing: border-box;
}

.commhover{
  cursor: pointer;
}

.full_w{
  width: 100%;
}

.flex{
  display: flex;
}

.flexcolumn{
  display: flex;
  flex-direction: column;
}
.flexend{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.flexcenter{
  display: flex;
  align-items: center;
  justify-content: center;
}

.flexrowbetween{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.overflowtext{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitebg{
  background-color: white;
}

.mb_10{
  margin-bottom: 20px;
}

.mb_12{
  margin-bottom: 24px;
}
.mb_20{
  margin-bottom: 36px;
}

.mt_10{
  margin-top: 20px;
}
.mt_12{
  margin-top: 24px;
}
.mt-40{
  margin-top: 80px;
}
.mt_22{
  margin-top: 44px;
}
.p_10{
  padding: 20px;
}

.f_12{
  font-size: 24px;
}
.f_13{
  font-size: 26px;
}
.f_16{
  font-size: 32px;
}
.f_20{
  font-size: 40px;
}
.f_18{
  font-size: 36px;
}
.f_10{
  font-size: 20px;
}

.c_707{
  color: #707070;
}
.c_7e7{
  color: #7E7E7E;
}
.c_000{
  color: #000!important;
}
.bg_000{
  background-color: #000!important;
}

.van-nav-bar .van-icon{
  color: #000;
}
.f_14{
  font-size: 28px;
}
.disblock{
  display: inline-block;
}
// .translate_pop{

// }